<template>
    <div><button>{{msg}}</button></div>
</template>

<script>
    export default {
        name: "children",
        data(){
            return{
                msg:'我是child,你好棒'
            }
        },
        methods:{
            changeMsg(){
                this.msg = '谢谢夸奖！'
            }
        }
    }
</script>

<style scoped>
button{
    width: 150px;
    height: 30px;
    background-color: skyblue;
    border: 0;
    cursor: pointer;
}
</style>